<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>My Commune</title>
		<link type="text/css" href="css/redmond/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
		<link type="text/css" href="css/style.css" rel="stylesheet" />	
		
		<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
		<script type="text/javascript" src="js/mycommune.js"></script>
	</head>
	<body style="margin-top: 0px; margin-left: 0px;margin-right: 0px">
		<table style="width: 100%">
			<tr>
				<td width="15%"></td>
				<td width="70%">
					<table style="width: 100%">
						<tr>
							<td align="left"><img src="css/mycommune.png"></td>
							<td align="right">
								<div class="area">
									<button onclick="alert('Home');">Home</button>
									<button>About</button>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id="tabs" align="center"> 
									<ul>
										<li><a href="#tech">Fundamentals</a></li>
										<li><a href="#interview">Interview</a></li>
										<li><a href="#interview">Apartments</a></li>
									</ul>
									<div id="interview">
										<div>
											<p>Coming Soon...</p>
										</div>
									</div>
									<div id="tech">
										<table style="width: 100%">
											<tr>
												<td valign="top" style="width: 30%">
														<div>
															<h2><a href="#">Bhubaneswar</a></h2>
															<div class="area">
																<button id="id1">Saileshri Vihar</button>
																<br />
																<button id="id2">Chandrasekharpur</button>
																<br />
																<button id="id3">Patia</button>
															</div>
														</div>
														<div>
															<h2><a href="#">Kolkata</a></h2>
															<div class="area">
																<button id="id4">Rajarhat</button>
																<br />
																<button id="id5">Tollygunge</button>
																<br />
																<button id="id6">Kestopur</button>
															</div>
														</div>
														<div>
															<h2><a href="#">Bangalore</a></h2>
															<div class="area">
																<button id="id7">Bannergutta</button>
																<br />
																<button id="id8">MG Road</button>
															</div>
														</div>
												</td>
												<td valign="top" style="width: 70%">
													<div id="effect" class="toggler ui-widget-content ui-corner-all" style="width:85%">
														<h3 class="ui-widget-header ui-corner-all">Apartment 1</h3>
														<p>This is apartment 1</p>
														<h3 class="ui-widget-header ui-corner-all">Apartment 2</h3>
														<p>This is apartment 2</p>
													</div>
												</td>
											</tr>
										 </table>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td align="center" colspan="2">
							</td>
						</tr>
					</table>
				 </td>
				<td width="15%"></td>
			</tr>
		</table>
	</body>
</html>


